// 颜色系统
$primary: #ef4444;
$primary-light: #f87171;
$primary-dark: #dc2626;
$secondary: #2c3e50;
$secondary-light: #4e6378;
$secondary-dark: #1a252f;
$success: #10b981;
$warning: #f59e0b;
$danger: #ef4444;
$info: #3b82f6;
$white: #ffffff;
$black: #000000;
$gray-50: #fafafa;
$gray-100: #f9fafb;
$gray-200: #f3f4f6;
$gray-300: #e5e7eb;
$gray-400: #d1d5db;
$gray-500: #9ca3af;
$gray-600: #6b7280;
$gray-700: #4b5563;
$gray-800: #374151;
$gray-900: #1f2937;

// 文字颜色
$text-primary: $gray-900;
$text-secondary: $gray-700;
$text-tertiary: $gray-500;
$text-inverted: $white;
$text-link: $primary;

// 间距系统
$spacing-xxs: 0.125rem; // 2px
$spacing-xs: 0.25rem; // 4px
$spacing-sm: 0.5rem; // 8px
$spacing-md: 1rem; // 16px
$spacing-lg: 1.5rem; // 24px
$spacing-xl: 2rem; // 32px
$spacing-2xl: 3rem; // 48px
$spacing-3xl: 4rem; // 64px

// 字体系统
$font-family-sans:
  -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif;
$font-family-serif: Georgia, Cambria, 'Times New Roman', Times, serif;
$font-family-mono: Menlo, Monaco, Consolas, 'Liberation Mono', monospace;

$font-size-xxs: 0.625rem; // 10px
$font-size-xs: 0.75rem; // 12px
$font-size-sm: 0.875rem; // 14px
$font-size-md: 1rem; // 16px
$font-size-lg: 1.25rem; // 20px
$font-size-xl: 1.5rem; // 24px
$font-size-2xl: 2rem; // 32px

$font-weight-light: 300;
$font-weight-normal: 400;
$font-weight-medium: 500;
$font-weight-semibold: 600;
$font-weight-bold: 700;

$line-height-tight: 1.25;
$line-height-normal: 1.5;
$line-height-loose: 1.75;

// 边框系统
$border-width-thin: 1px;
$border-width-medium: 2px;
$border-width-thick: 4px;
$border-color: $gray-300;
$border-radius-sm: 0.25rem; // 4px
$border-radius-md: 0.375rem; // 6px
$border-radius-lg: 0.5rem; // 8px
$border-radius-full: 9999px;
$border-radius-pill: 9999px; // 与full相同，用于保持命名一致性

// 阴影系统
$shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
$shadow-md:
  0 4px 6px -1px rgba(0, 0, 0, 0.1),
  0 2px 4px -1px rgba(0, 0, 0, 0.06);
$shadow-lg:
  0 10px 15px -3px rgba(0, 0, 0, 0.1),
  0 4px 6px -2px rgba(0, 0, 0, 0.05);
$shadow-xl:
  0 20px 25px -5px rgba(0, 0, 0, 0.1),
  0 10px 10px -5px rgba(0, 0, 0, 0.04);

// 动画
$transition-base: 0.2s ease-in-out;
$transition-fast: 0.1s ease-in-out;
$transition-slow: 0.3s ease-in-out;

// 断点
$breakpoint-xs: 320px;
$breakpoint-sm: 576px;
$breakpoint-md: 768px;
$breakpoint-lg: 992px;
$breakpoint-xl: 1200px;
$breakpoint-2xl: 1400px;

// z-index系统
$z-index-hide: -1;
$z-index-base: 1;
$z-index-dropdown: 1000;
$z-index-sticky: 1020;
$z-index-fixed: 1030;
$z-index-modal-backdrop: 1040;
$z-index-modal: 1050;
$z-index-popover: 1060;
$z-index-tooltip: 1070;
